<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>阳台1</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/reset.css" rel="stylesheet">
<link href="css/swiper-3.4.0.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="font/iconfont.css" rel="stylesheet">
<link href="css/balcony.css" rel="stylesheet">
<link rel="stylesheet" href="css/common.css">
<script src="js/phone.js"></script>
</head>
<body>
        
        <header class="clearfix">
        <a class="fl" onclick="JavaScript:history.back(-1);" style="font-size: .3rem;margin-top: .28rem">
            &nbsp;&lt;返回
        </a>
        <h1 class="fl">
            <i style="font-size: .4rem;" class="iconfont icon-shouye"></i>
            <span>阳台</span>
        </h1>
        <a class="fl clearfix" href="personalCenter.html">
            <i style="margin-top: .09rem;" class="user-icon iconfont icon-head fr"></i>
        </a>
    </header>

        <!-- 顶部 结束 -->
    <div class="container">
        <!-- banner  开始 -->
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href=""><img src="img/banner.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href=""><img src="img/yangtai.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href=""><img src="img/yangtai2.jpg" alt=""></a></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>

        </div>
        <!-- banner 结束 -->
        <!-- 中间部分 开始 -->
        <div class="box">
            <div>
                <ul>
                    <li>
                        <div class="hua">
                            <a href=""><img src="img/tupian1.jpg" alt=""></a>
                            <div class="kong"></div>
                            <div class="text">
                                <p>欧式铁艺创艺多层花架子绿萝吊兰</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="hua">
                            <a href=""><img src="img/tupian2.jpg" alt=""></a>
                            <div class="kong"></div>
                            <div class="text">
                                <p>现代小户型布艺皮革休闲沙发椅</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="hua">
                            <a href=""><img src="img/tupian3.jpg" alt=""></a>
                            <div class="kong"></div>
                            <div class="text">
                                <p>智能无线遥控全自动晒衣架</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="hua">
                            <a href=""><img src="img/tupian4.jpg" alt=""></a>
                            <div class="kong"></div>
                            <div class="text">
                                <p>SOGAL索菲亚储物家具定制衣柜</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
     </div>
        <!-- 中间部分 结束 -->
        <!-- 底部 开始 -->
         <footer>
        <ul class="clearfix">
            <li>
                <a href="index.html">
                    <div class="footer-icon iconfont icon-shouye-copy"></div>
                    <p>首页</p>
                </a>
            </li>
            <li><a href="furnitureClassify.html">
                <div class="footer-icon iconfont icon-fenlei green"></div>
                <p>分类</p></a>
            </li>
            <li><a href="community.html">
                <div class="footer-icon iconfont icon-shequ"></div>
                <p>社区</p></a>
            </li>
            <li><a href="Carlist.html">
                <div class="footer-icon iconfont icon-iconfontgouwuche"></div>
                <p>购物车</p></a>
            </li>
            <li><a href="customize.html">
                <div class="footer-icon iconfont icon-pan"></div>
                <p>我的定制</p></a>
            </li>
            <li><a href="personalCenter.html">
                <div class="footer-icon iconfont icon-geren"></div>
                <p>个人中心</p></a>
            </li>
        </ul>
    </footer>
    
<!-- 底部 结束 -->
    <script src="js/swiper-3.4.0.min.js"></script>
    <script language="javascript"> 
        var mySwiper = new Swiper('.swiper-container',{
            pagination : '.swiper-pagination',
            paginationElement : 'li',
            autoplay : 2000,
        })
</script>
</body>
</html>